@mixin blackborad{
  min-height: 300px;
  border: 10px solid $borderColor;
  background-color: black;
  color: white;
  background-image:url(../../images/book.png), url(../../images/pencil.png);
  background-size:200px 200px;
  background-repeat:no-repeat;
  background-position:left bottom, right bottom;
  position: relative;
  >.mesBody {
    margin: 30px 200px;
    text-indent: 50px;
    word-break: break-all;
    word-wrap:break-word;
  }
  >.mesId {
    margin: 30px 200px;
    text-indent: 50px;
    position: absolute;
    right: -100px;
    top: 200px;
  }
}

@mixin li {
  text-align: center;
  display: inline-block;
}

@mixin a{
  text-decoration: none;
  line-height: 20px;
  padding: 20px;
  font-weight: bold;
  &:hover {
    font-size: 28pt;
  }
  &:link, &:visited, &:active {
    color: #333;
  }
}

@mixin box {
  min-height: 1500px;
  box-sizing:border-box;
  background-color: $showBGColor;
  display: block;
}

@mixin input_box {
  width: 90%;
  padding: 0px;
  border:8px solid $showBorderColor;
  display: block;
  height: 40pt;       //定义 input 字段的高度
}

@mixin button {
  font-size: 20pt;
  display: block;
  position: absolute;
  right: 3%;
}

$bodyColor:#fff;
$borderColor:#f90;
$tipsColor:#ff8;
$showBGColor:#ffd;
$showBorderColor:silver;
$footerColor:#aaa;
